#--
component_name:文本卡片组件
text_title:中文标题
text_titleen:英文标题
text_desc:描述
img1:图片一:25px X 30px
text_title1:标题一
text_desc1:描述一
img2:图片二
text_title2:标题二
text_desc2:描述二
img3:图片三
text_title3:标题三
text_desc3:描述三
img4:图片四
text_title4:标题四
text_desc4:描述四
img5:图片五
text_title5:标题五
text_desc5:描述五
img6:图片六
text_title6:标题六
text_desc6:描述六
--#

#if(data)
#@lonecpt(data.text_title,data.text_titleen,data.text_desc,data.img1,data.text_title1,data.text_desc1,data.img2,data.text_title2,data.text_desc2,data.img3,data.text_title3,data.text_desc3,data.img4,data.text_title4,data.text_desc4,data.img5,data.text_title5,data.text_desc5,data.img6,data.text_title6,data.text_desc6)
#end

#define lonecpt(text_title,text_titleen,text_desc,img1,text_title1,text_desc1,img2,text_title2,text_desc2,img3,text_title3,text_desc3,img4,text_title4,text_desc4,img5,text_title5,text_desc5,img6,text_title6,text_desc6)
<div class="met-index-service met-index-body">
			<div class="container">
				<h3 class="invisible" data-plugin="appear" data-animate="fade" data-repeat="false">#(text_title ?? '服务范围')</h3>
				<p class="desc invisible animation-delay-100" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">——
					#(text_titleen ?? 'SERVICE ——')</p>
				<p class="desc invisible animation-delay-200" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">#(text_desc ?? '这里是描述')</p>
				<div class="slider invisible animation-delay-300" data-plugin="appear" data-animate="slide-bottom" data-repeat="false"
				 id="serviceSlick" data-show="1 2 4 4 ">
					<div class="service_item"> <a href="javascript:;" title="科技 Science"> <img class="img-responsive" alt="科技 Science"
							 src="#(img1 ?? 'static/picture/1-1G22P9321T23.png')">
							<h4>#(text_title1 ?? '科技 Science')</h4>
							<p>#(text_desc1 ?? '社会上习惯于把科学和技术联在一起，统称为“科技”。实际二者既有密切联系，又有重要区别。科学解决理论问题，技术解决实际问题。')</p>
						</a> </div>

					<div class="service_item"> <a href="javascript:;" title="建设 Factory"> <img class="img-responsive" alt="建设 Factory"
							 src="#(img2 ?? 'static/picture/1-1G22P93312U2.png')">
							<h4>#(text_title2 ?? '建设 Factory')</h4>
							<p>#(text_desc2 ?? '建筑是建筑物与构筑物的总称。是人们为了满足社会生活需要，利用所掌握的物质技术手段，并运用一定的科学规律、风水理念和美学法则创造的人工环境。有些分类为了明确表达使用性，会将建筑物与人们不长期占用的非建筑结构物区别，另外有些建筑学者也为了避免混淆，而刻意在其中把外型经过人们具有意识创作出来的建筑物细分为')</p>
						</a> </div>

					<div class="service_item"> <a href="javascript:;" title="信息 Information"> <img class="img-responsive" alt="信息 Information"
							 src="#(img3 ?? 'static/picture/1-1G22P9333Y10.png')">
							<h4>#(text_title3 ?? '信息 Information')</h4>
							<p>#(text_desc3 ?? '信息，指音讯、消息、通讯系统传输和处理的对象，泛指人类社会传播的一切内容。人通过获得、识别自然界和社会的不同信息来区别不同事物，得以认识和改造世界。')</p>
						</a> </div>

					<div class="service_item"> <a href="javascript:;" title="网络资源 Network resources"> <img class="img-responsive" alt="网络资源 Network resources"
							 src="#(img4 ?? 'static/picture/1-1G22P93413W8.png')">
							<h4>#(text_title4 ?? '网络资源 Network resources')</h4>
							<p>#(text_desc4 ?? '网络资源主要是指借助于网络环境可以利用的各种信息资源的总和。网络资源又称网络信息资源。')</p>
						</a> </div>

					<div class="service_item"> <a href="javascript:;" title="资产管理 Assets"> <img class="img-responsive" alt="资产管理 Assets"
							 src="#(img5 ?? 'static/picture/1-1G22P93516250.png')">
							<h4>#(text_title5 ?? '资产管理 Assets')</h4>
							<p>#(text_desc5 ?? '资产管理业务是指资产管理人根据资产管理合同约定的方式、条件、要求及限制，对客户资产进行经营运作，为客户提供证券、基金及其他金融产品，并收取费用的行为。')</p>
						</a> </div>

					<div class="service_item"> <a href="javascript:;" title="广告 Advertising"> <img class="img-responsive" alt="广告 Advertising"
							 src="#(img6 ?? 'static/picture/1-1G22P93601A8.png')">
							<h4>#(text_title6 ?? '广告 Advertising')</h4>
							<p>#(text_desc6 ?? '广告是为了某种特定的需要，通过一定形式的媒体，公开而广泛地向公众传递信息的宣传手段。')</p>
						</a> </div>
				</div>
			</div>
		</div>
#end
